/**
 * admui-basic v2.1.0 (http://www.admui.com/)
 * Copyright 2015-2019 Admui Team
 * Licensed under the Admui License 1.1 (http://www.admui.com/about/license)
 */
.bootbox .modal-dialog {
  width: 360px; }

.page-message.page {
  height: -webkit-calc(100% - 40px);
  height: calc(100% - 40px); }

.page-message .page-main {
  height: 100%; }

.page-message .page-aside .form-control {
  border-radius: 0;
  border-width: 0 0 1px 0;
  border-color: rgba(0, 0, 0, 0.06);
  padding: 10px 40px 10px 20px;
  height: 56px; }

.page-message .page-aside .input-search-btn {
  padding-right: 20px;
  border-radius: 0; }

.page-message .page-aside-inner {
  height: 100%; }

.page-message-list {
  height: -webkit-calc(100% - 56px);
  height: calc(100% - 56px); }
  .page-message-list .list-group .list-group-item {
    border-bottom: 0;
    border-radius: 0;
    padding: 16px 30px;
    white-space: nowrap;
    z-index: 0; }
    .page-message-list .list-group .list-group-item:hover, .page-message-list .list-group .list-group-item.active {
      background-color: #f3f7f9; }
    .page-message-list .list-group .list-group-item.active:after {
      width: 1px;
      position: absolute;
      content: ' ';
      height: 100%;
      right: 0;
      top: 0;
      background: #3e8ef7; }
    .page-message-list .list-group .list-group-item .media-time {
      color: #a3afb7; }

.page-message-chats {
  padding: 20px 30px;
  overflow-y: auto;
  text-align: center;
  height: -webkit-calc(100vh - 196.004px);
  height: calc(100vh - 196.004px);
  background-color: #fff;
  box-sizing: border-box; }
  .page-message-chats > .btn {
    color: #ccd5db;
    font-size: 12px; }
    .page-message-chats > .btn:hover {
      color: #76838f; }
  .page-message-chats .chats {
    padding: 0; }
    .page-message-chats .chats .chat-avatar .avatar {
      width: 60px;
      margin-top: -10px; }
    .page-message-chats .chats .time {
      color: #a3afb7;
      font-size: 12px;
      text-align: center;
      margin: 40px 0; }

.page-message-input {
  position: relative;
  padding: 30px;
  padding-right: 110px;
  background-color: #f3f7f9; }
  .page-message-input .message-input {
    position: relative; }
    .page-message-input .message-input textarea {
      height: 36px;
      resize: none;
      max-height: 100px;
      padding-right: 110px; }
    .page-message-input .message-input-actions {
      position: absolute;
      bottom: 0;
      right: 0; }
      .page-message-input .message-input-actions input {
        display: none; }
  .page-message-input .message-input-btn {
    position: absolute;
    bottom: 30px;
    right: 30px; }

@media (max-width: 1199.98px) {
  .page-message .page-aside .list-group-item {
    padding: 14px 16px;
    font-size: 12px; }
    .page-message .page-aside .list-group-item h4 {
      font-size: 12px; }
    .page-message .page-aside .list-group-item .avatar {
      width: 34px; }
    .page-message .page-aside .list-group-item .badge {
      padding: 1px 4px; } }

@media (max-width: 479.98px) {
  .page-message .page {
    height: -webkit-calc(100% - 66px);
    height: calc(100% - 66px); } }
